<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/echarts.min.js"></script>
</head>
<body>
<div id="main" style="width:650px; height:410px"></div>
<script type="text/javascript">
    var myCharts=echarts.init(document.getElementById('main'));
    myCharts.setOption({
        tooltip : {
            formatter: "{a} <br/>{b} : {c}%"
        },
        toolbox: {
            feature: {
                restore: {},
                saveAsImage: {}
            }
        },
        series: [
            {
                name: '业务指标',
                type: 'gauge',//
                radius:'55%',//仪表盘半径，可以是相对于容器高宽中较小的一项的一半的百分比，也可以是绝对的数值
                detail: {formatter:'{value}%'},
                data: [{value: 50, name: '完成率'}]
            }
        ]
    })
    setInterval(function () {
        option.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
        myCharts.setOption(option, true);
    },2000);
</script>
</body>
</html>